{% extends 'base.html' %}

{% block content %}
    <div class="container">

        <div class="block">
            <div class="panel panel-default">
                <header class="panel-heading" id="title">
                    双十一当天在售的商品占比情况:
                </header>
                <header class="panel-heading" id="title">
                    按照商品销售节奏分类，我们可以将商品分为7类
                    <br>
                    A. 11.11前后及当天都在售 → 一直在售
                    <br>
                    B. 11.11之后停止销售 → 双十一后停止销售
                    <br>
                    C. 11.11开始销售并当天不停止 → 双十一当天上架并持续在售<br>
                    D. 11.11开始销售且当天停止 → 仅双十一当天有售<br>
                    E. 11.5 - 11.10 → 双十一前停止销售<br>
                    F. 仅11.11当天停止销售 → 仅双十一当天停止销售<br>
                    G. 11.12开始销售 → 双十一后上架<br>
                </header>
                <div class="panel-body text-center">
                    <img src="../static/img/双十一当天在售的商品占比情况.png" alt="">
                </div>
            </div>
        </div>

        <div class="line"></div>

        <div class="block">
            <div class="panel panel-default">
                <header class="panel-heading" id="title">
                    不同品牌折扣率情况:
                </header>
                <div class="panel-body">
                    <div class="bk-root" id="00561cdb-f7b2-4b9f-8560-942ff3ba4b69" data-root-id="4274"></div>

                </div>
            </div>
        </div>


        <div class="line"></div>

        <div class="block">
            <div class="panel panel-default">
                <header class="panel-heading" id="title">
                    各品牌参与双十一活动商品数量分布:
                </header>
                <div class="panel-body">
                    <div class="bk-root" id="034901fd-02e8-4e6f-9655-9e8e94c6d5e0" data-root-id="1848"></div>


                </div>
            </div>
        </div>

        <div class="line"></div>

        <div class="block">
            <div class="panel panel-default">
                <header class="panel-heading" id="title">
                    各品牌打折分类:
                </header>
                <div class="panel-body">
                    <div class="bk-root" id="a8ae40d3-8502-4d8d-9a0f-6c6219112d24" data-root-id="3970" ></div>
                </div>
            </div>
        </div>


        <div class="line"></div>

        <div class="block">
            <div class="panel panel-default">
                <header class="panel-heading" id="title">
                    商品折扣率:
                </header>
                <div class="panel-body">
                        <div id="994ee5517da045a0acab12c0c685b17e" class="chart-container" style=" height:500px;"></div>

                </div>
            </div>
        </div>
    </div>



{% endblock content %}

